<template>
  <div class="dashboard-editor-container">
    <div class="baseInfo">
      <BaseInfo></BaseInfo>
    </div>
    <div>
      <NearMonthInfo></NearMonthInfo>
    </div>

    <div>
      <GoodTypeInfo></GoodTypeInfo>
    </div>
  </div>
</template>

<script>
import BaseInfo from "./components/BaseInfo";
import NearMonthInfo from "./components/NearMonthInfo";
import GoodTypeInfo from "./components/GoodTypeInfo";

export default {
  components: {
    BaseInfo,
    NearMonthInfo,
    GoodTypeInfo,
  },
};
</script>

<style lang="scss" scoped>
.dashboard-editor-container {
  padding: 32px;
  background-color: rgb(240, 242, 245);
  position: relative;

  .github-corner {
    position: absolute;
    top: 0px;
    border: 0;
    right: 0;
  }

  .chart-wrapper {
    background: #fff;
    padding: 16px 16px 0;
    margin-bottom: 32px;
  }
}

@media (max-width: 1024px) {
  .chart-wrapper {
    padding: 8px;
  }
}
</style>
